<template>
  <div>
    <p>{{ message }}</p>
    <h2>v-if</h2>
    <p v-if="seen">现在你看到我了</p>
    <ol>
      <li v-for="todo in todos" :key="todo.text">
        {{ todo.text }}
      </li>
    </ol>
  </div>
</template>

<script>
export default {
  name: 'vue-test',
  data() {
    return {
      message: 'Hello Vue!',
      seen: true,
      todos: [
        { text: '学习 JavaScript' },
        { text: '学习 Vue' },
        { text: '整个牛项目' }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
